<style scoped>
  .weui-form-preview__hd label, .weui-form-preview__hd em {
    font-size: .9em !important;
  }
  .weui-loadmore_line .weui-loadmore__tips {
    background-color: #eee;
  }
  .rj-cell.max span{
    font-size: 16px;
    padding-right: 20px;
  }
  .rj-cell label {
    color: #333;
    font-size: 14px;
    width: 44%;
    display: inline-block;
    padding: 5px 3%;
    text-align: right;
  }
  .rj-cell span {
    font-size: 14px;
    color: #333;
    display: inline-block;
    width: 50%;
  }
  .rj-cell.note label{
    float: left;
  }
  .rj-cell.note span{
    width: 80%;
    display: inline-block;
  }
  .weui-cell {
    background: #fff;
  }
  #acts span {
    font-size: 14px;
  }
  .halfbtn {
    display: inline-block;
    width: 49%;
  }
  .weui-label{
    /*width: 130px;*/
    text-align: left;
  }

  .weui-select {
    height: auto;
    line-height: normal;
  }
  *{
    list-style:none;
  }
  /*body{*/

  /*}*/
  .weui-cell_select {
    padding: 10px 15px;
  }
  .weui-cells__title {
    text-align: left;
  }
  .hide {
    display: none;
  }
  #acts {
    font-size: 0;
  }
  #acts span {
    font-size: 14px;
  }
  input.time {
    border: none;
    font-size: 16px;
    padding-left: 10px;
  }
</style>
<template>
  <div class="oitem">
      <div class="weui-cells__title">货品明细{{itemNo + 1}}
        <p id="acts" style="float: right;color: #1aad19;" v-if="isLast">
        <span id="addItem" @click="addItem" style="padding-right: 5px;">添加</span>
          <span v-if="itemNo != 0">|</span>
          <span id="delItem" style="padding-left: 5px;" @click="delItem" v-if="itemNo != 0">删除</span>
        </p>
      </div>
      <div class="weui-cell weui-cell_select fir">
        <div class="weui-cell__hd"><label class="weui-label">产品</label></div>
        <div class="weui-cell__bd">
          <input type="hidden" class="product" :name="'entity.items[' + itemNo + '].productid'" :value="product.productId">
          <input type="hidden" :name="'entity.items[' + itemNo + '].productname'" :value="product.productName">
          <input type="hidden" :name="'entity.items[' + itemNo + '].type'" :value="product.type">
          <select class="weui-select" v-model="product">
            <option value="" disabled>请选择</option>
            <option v-for="(item, index) in products" :value="item">{{item.productName}}</option>
          </select>
        </div>
      </div>
      <div class="weui-cell weui-cell_select">
        <div class="weui-cell__hd"><label class="weui-label">规格</label></div>
        <div class="weui-cell__bd">
          <input type="hidden" class="specif" :name="'entity.items[' + itemNo + '].specguid'" :value="spec.speid">
          <input type="hidden" :name="'entity.items[' + itemNo + '].specname'" :value="spec.spename">
          <input type="hidden"  :name="'items[' + itemNo + '].stockunit'" :value="spec.stockunit" />
          <input type="hidden"  :name="'items[' + itemNo + '].stockunitid'" :value="spec.stockunitid" />
          <select class="weui-select" v-model="spec">
            <option value="" disabled>请选择</option>
            <option v-for="(item, index) in specs" :value="item">{{item.spename}}</option>
          </select>
        </div>
      </div>
    </div>

</template>

<script>
export default {
  name: 'MaterRetApplyItem',
  data () {
    return {
      product: '',
      spec: '',
      specid: '',
      specs: []
    }
  },
  props: [
    'itemNo',
    'isLast',
    'pickid',
    'picktype',
    'products',
  ],
  watch: {
    'product.productId': function (val) {
      this.getSpecif(val);
    },
  },
  mounted() {
    console.log(this.$parent.oitems);
    console.log(this.isLast);
  },
  methods: {
    getSpecif: function() {
      if (this.product.productId == '') return;
      this.axios({
        method: 'get',
        url: '/produce/Pickinglistitem!getSpes.action',
        params: {pickid: this.pickid, productid: this.product.productId}
      }).then((response) => {
        if (response.data.msg == 'success') {
          this.specs = response.data.pickitems;
        } else {
          this.toastText('获取规格数据失败')
        }

      })
    },
    addItem: function() {
      this.$emit('doAddItem');
    },
    delItem: function() {
      this.$emit('doDelItem');
    }
  }
}
</script>
